/* .App {
  padding: 10px;
  height: 100%;
  background: #ffff;
} */

.menu {
  margin-bottom: 24px;
}

.menu a {
  margin-right: 24px;
}



.l_box1 {
  padding: 10px;
  /* border: 1px solid red; */
  background: #ffff;
}


.l_box2 {
  height: 74vh;
  padding: 10px;
  margin-top: 10px;
  /* border: 1px solid blue; */
  background: #ffff;
}

.l_box2-1 {
  display: flex;
  justify-content: space-between;
}

.l_box2-1 p {
  margin-top: 10px;
  margin-right: 20px;
}

.l_box2-1 button {
  background: #409EFF;
  color: white;
}

.l_box2-2 {
  /* height: 66vh; */
  /* border: 1px solid red; */
  /* border: 1px solid rgb(235, 235, 235); */
}

.l_box2-2 .l_po {
  margin-left: 800px;
  margin-top: 10px;
  /* border: 1px solid red; */
}




.z_box1 {
  /* border: 1px solid red; */
  background-color: white;
}

.z_box1-1 {
  /* height: 50px; */
  display: flex;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid rgb(175, 175, 175);
  /* border: 1px solid red; */
}
.z_box1-1 button{
  background: #409EFF;
  color: white;
}

.z-box1 {

  display: flex;
  /* border: 1px solid red; */
}

.z-box1 h3 {
  font-size: 17px;
}

.z-box1 h4 {
  margin-left: 10px;
  margin-top: 5px;
}

.z_box1-2 {
  padding: 20px;
}

.z_p {
  font-size: 17px;
}

.z_box1-3 {
  padding: 20px;
  margin-top: -30px;
  /* border: 1px solid red; */
}

.z_box2{
  margin-top: 10px;
  padding: 10px;
  background-color: white;
}

.z-box2{
  display: flex;
  justify-content: space-between
}
.z-box2 button{
  background: #409EFF;
  color: white;
}


.zleft {
  width: 130px;
  height: 50px;
  background: #F5F5F5;
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  font-weight: bold;
  color: #7f7f7f;
}

.a1 {
  padding: 0 10px;
  color: #46525b;
  font-size: 13px;
}

#y-view {
  .detail {
    width: 100%;
    /* height: 52vh; */
    /* background: paleturquoise; */
    box-sizing: border-box;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(189, 209, 246, 0.2);
    margin-bottom: 35px;
  }

  .biao {
    width: 100%;
    height: 70px;
    border-bottom: 2px solid #f8f8f8;
  }

  .taill {
    width: 100%;
    height: 35vh;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(189, 209, 246, 0.2);
  }

  .above {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
  }

  .mation {
    width: 240px;
    height: 120px;
    background-color: #f9f9f9;
    border-left: 8px solid #aaaaaa;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0 20px;
    box-sizing: border-box;
    color: #9e9c9a;
    font-size: 14px;
  }
}

#y-list {
  .menu {
    width: 100%;
    /* height: 100vh; */
    padding-bottom: 20px;
    /* background: rgb(152, 159, 251); */
    border-radius: 2px;
  }

  .detail {
    width: 100%;
    height: 39vh;
    /* background: paleturquoise; */
    box-sizing: border-box;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(189, 209, 246, 0.2);
  }

  .above {
    width: 100%;
    height: 14vh;
    /* background: rgb(188, 237, 108); */
    border-bottom: 2px solid #b9b9bd;
    color: #555555;
  }

  .sequel {
    width: 100%;
    height: 25vh;
    color: #aaaaaa;
  }

  .mation {
    padding: 20px;
    margin-top: 3vh;
    width: 100%;
    /* height: 58vh; */
    box-shadow: 0 0 10px rgba(189, 209, 246, 0.2);
    /* background: rgb(175, 238, 212); */
    border-radius: 12px;

    .header {
      height: 50px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .a {
      border-left: 7px solid #aaaaaa;
      padding-left: 20px;
      font-weight: bold;
      color: #7f7f7f;
    }

    .a1 {
      padding: 0 10px;
      color: #46525b;
      font-size: 13px;
    }

    .zleft {
      width: 150px;
      height: 50px;
      background: #f2f2f2;
      text-align: center;
      line-height: 50px;
      font-size: 14px;
      font-weight: bold;
      color: #7f7f7f;
    }
  }
}

#y-edit {
  box-shadow: 0 0 10px rgba(189, 209, 246, 0.2);
  border-radius: 12px;

  .header {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    color: #555555;
    border-bottom: 2px solid #f7f7f7;
    box-sizing: border-box;
  }

  .mation {
    width: 70%;
    /* height: 100vh; */
    margin: 0 auto;
    /* background: palegreen; */
  }
}

#y-edits {
  box-shadow: 0 0 10px rgba(189, 209, 246, 0.2);
  border-radius: 12px;

  .header {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    color: #555555;
    border-bottom: 2px solid #f7f7f7;
    box-sizing: border-box;
  }

  .mation {
    width: 70%;
    /* height: 100vh; */
    margin: 0 auto;
    /* background: palegreen; */
  }
}

#y-doctorMGT {
  .above {
    width: 100%;
    /* height: 180px; */
    /* background: palegoldenrod; */
    box-sizing: border-box;
    margin-bottom: 25px;
    box-shadow: 0 0 10px rgba(189, 209, 246, 0.2);
    border-radius: 12px;
  }

  .sequel {
    width: 100%;
    /* height: 1000px; */
    /* background: rgb(170, 224, 238); */
    box-shadow: 0 0 10px rgba(189, 209, 246, 0.2);
    border-radius: 12px;
  }
}